<template>
  <div class="site">
    <span>所在城市：</span>
    <select name="city">
      <option :value="item.val" v-for="item in area" :key="item.val">{{
        item.name
      }}</option>
    </select>
  </div>
</template>

<script>
export default {
  name: 'site',
  data() {
    return {
      area: [
        { name: '北京市朝阳区', val: 'cyq' },
        { name: '北京市东城区', val: 'dcq' },
        { name: '北京市西城区', val: 'xcq' },
      ],
    };
  },
};
</script>

<style scoped>
.site span {
  font-size: 14px;
  color: #666;
}
select,
option {
  outline: 0;
  border: 0;
  color: #666;
}
</style>
